<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- logo -->
     <div class="wrapper">
        <h1></h1>
     </div>
     <!-- 背景图 -->
      <div class="bgc">
        <div class="bg wrapper">
            <!-- 登录表单 -->
          <div class="login-container">
            
              <div class="title">
                  <div class="scan">扫描登陆</div>
                  <div class="account">账户登录</div>
              </div>
              <div class="advice">公共场所不建议自动登录，以免账号丢失</div>
              
              <div class="form-group">
                      <img src="./images/zh.png" alt="User Icon">
                  <input type="text" id="username" placeholder="邮箱/用户名/手机号">
              </div>
      
              <div class="form-group">
                      <img src="./images/pw.png" alt="Password Icon">
                  <input type="password" id="password" placeholder="请输入密码">
              </div>
      
              <!-- 复选框 -->
               <div class="aut">
                  <div class="remember-me">
                      <input type="checkbox" id="rememberMe">
                      <label for="rememberMe">自动登录</label>
                  </div>
                  <p class="forgot-password"><a href="#">忘记密码？</a></p>
               </div>
               <button class="submit-btn">登录</button>
              
      
              <div class="social-login">
                  <img src="./images/icon1.png" alt="Social Icon 1">
                  <img src="./images/icon2.png" alt="Social Icon 1">
                  <img src="./images/icon3.png" alt="Social Icon 1">
                  <img src="./images/icon4.png" alt="Social Icon 1">
                  <div class="register-link">立即注册</div>
              </div>
      
              
          </div>
    </div>
      </div>
     

      <!-- 底部 -->
      <div class="footer">
        <div class="mod_copyright">
            <div class="links">
                 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 
                <!-- <a href="#">联系客服</a> | <a href="#"></a>商家入驻 | <a href="#">营销中心</a> | <a href="#">手机品优购</a> | <a
                    href="#">友情链接</a> | <a href="#">销售联盟</a> | <a href="#">品优购社区</a> | <a href="#">品优购公益</a> -->
            </div>
            <div class="copyright">
                地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编:100096 电话:400-618-4000 传真:010-82935100 邮箱: zhanghj+itcast.cn
            </div>
            <div class="num">
                京ICP备08001421号京公网安备110108007702
            </div>
        </div>
    </div>
     
     
    
</body>
</html>